<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:substituteby="navtempTenant::docHead(#{tenantcenter.name},'首页')">
</head>
<body>
<script type="text/javascript" th:substituteby="demo/tenant/addCoaches.js::js"></script>
<style type="text/css">
    html {
        height: 100%
    }

    body {
        height: 100%;
        margin: 0px;
        padding: 0px
    }

    #container {
        height: 750px;
    }

    .myRow {
        margin: 0 auto;
        border-bottom: 1px solid #CCCCCC;
        padding: .5em;
    }

    .wxchoosed{
        /*border:4px solid #419641;*/
        background-image: -webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
        background-image: -o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));
        background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);
        background-repeat: repeat-x;
        border-color: #28a4c9;
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da;
    }
    .wxchoosed p,.wxchoosed h4{
        color: #FFFFFF;
    }
</style>
<nav th:replace="navtempTenant::nav(#{tenantcenter.name})"></nav>
<div class="container" style="margin-top: 5em;">
    <div class="row">
        <div class="col-sm-12 col-md-12">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#bs-example-navbar-collapse-2" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#">添加教练：</a>
                    </div>
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
                        <button type="button" class="btn btn-primary navbar-btn" data-toggle="modal"
                                onclick="window.location.href='/demo/tenant/coaches'"
                                data-target="#myModal">
                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                            保存
                        </button>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4 col-md-4">
            <div class="input-group" style="margin-bottom: .5em;">
                <span class="input-group-addon">&nbsp;姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名&nbsp;</span>
                <input name="roleName" class="form-control" placeholder="姓名"
                       aria-describedby="basic-username"
                       type="text"/>
            </div>
        </div>
        <div class="col-sm-4 col-md-4">
            <div class="input-group" style="margin-bottom: .5em;">
                <span class="input-group-addon">&nbsp;电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话&nbsp;</span>
                <input name="roleName" class="form-control" placeholder="电话"
                       aria-describedby="basic-username"
                       type="text"/>
            </div>
        </div>
        <div class="col-sm-4 col-md-4">
            <div class="input-group" style="margin-bottom: .5em;">
                <span class="input-group-addon">&nbsp;级&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别&nbsp;</span>
                <select class="form-control">
                    <option>初级</option>
                    <option>中级</option>
                    <option>高级</option>
                </select>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 col-md-12">
            <div class="input-group" style="margin-bottom: .5em;">
                <span class="input-group-addon">&nbsp;简&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;介&nbsp;</span>
                                    <textarea name="roleName" class="form-control" placeholder="教练简介"
                                              aria-describedby="basic-username" type="text" rows="6"/>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
            <div class="input-group" style="margin-bottom: .5em;">
                <span class="input-group-addon">&nbsp;微信昵称&nbsp;</span>
                <input name="description" class="form-control" placeholder="微信昵称"
                       aria-describedby="basic-username" type="text"/>
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">查询</button>
                        </span>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 col-md-12">
            <ul class="nav nav-tabs">
                <li role="presentation" class="active"><a href="#">选择微信号</a></li>
            </ul>
        </div>
    </div>
    <div class="row" style="margin-top: 2em;">
        <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像" style="width: 80px;height: 80px;"/>
                <div class="caption">
                    <h4>皇上</h4>
                    <p>性别:男</p>
                    <p>地区:北京 西城</p>
                    <p><button class="btn btn-sm btn-primary chwx" role="button">选择</button>&nbsp;<button class="btn btn-sm btn-danger cawx" role="button">取消</button></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像" style="width: 80px;height: 80px;"/>
                <div class="caption">
                    <h4>皇上</h4>
                    <p>性别:男</p>
                    <p>地区:北京 西城</p>
                    <p><button class="btn btn-sm btn-primary chwx" role="button">选择</button>&nbsp;<button class="btn btn-sm btn-danger cawx" role="button">取消</button></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像" style="width: 80px;height: 80px;"/>
                <div class="caption">
                    <h4>皇上</h4>
                    <p>性别:男</p>
                    <p>地区:北京 西城</p>
                    <p><button class="btn btn-sm btn-primary chwx" role="button">选择</button>&nbsp;<button class="btn btn-sm btn-danger cawx" role="button">取消</button></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像" style="width: 80px;height: 80px;"/>
                <div class="caption">
                    <h4>皇上</h4>
                    <p>性别:男</p>
                    <p>地区:北京 西城</p>
                    <p><button class="btn btn-sm btn-primary chwx" role="button">选择</button>&nbsp;<button class="btn btn-sm btn-danger cawx" role="button">取消</button></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像" style="width: 80px;height: 80px;"/>
                <div class="caption">
                    <h4>皇上</h4>
                    <p>性别:男</p>
                    <p>地区:北京 西城</p>
                    <p><button class="btn btn-sm btn-primary chwx" role="button">选择</button>&nbsp;<button class="btn btn-sm btn-danger cawx" role="button">取消</button></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像" style="width: 80px;height: 80px;"/>
                <div class="caption">
                    <h4>皇上</h4>
                    <p>性别:男</p>
                    <p>地区:北京 西城</p>
                    <p><button class="btn btn-sm btn-primary chwx" role="button">选择</button>&nbsp;<button class="btn btn-sm btn-danger cawx" role="button">取消</button></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像" style="width: 80px;height: 80px;"/>
                <div class="caption">
                    <h4>皇上</h4>
                    <p>性别:男</p>
                    <p>地区:北京 西城</p>
                    <p><button class="btn btn-sm btn-primary chwx" role="button">选择</button>&nbsp;<button class="btn btn-sm btn-danger cawx" role="button">取消</button></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像" style="width: 80px;height: 80px;"/>
                <div class="caption">
                    <h4>皇上</h4>
                    <p>性别:男</p>
                    <p>地区:北京 西城</p>
                    <p><button class="btn btn-sm btn-primary chwx" role="button">选择</button>&nbsp;<button class="btn btn-sm btn-danger cawx" role="button">取消</button></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像" style="width: 80px;height: 80px;"/>
                <div class="caption">
                    <h4>皇上</h4>
                    <p>性别:男</p>
                    <p>地区:北京 西城</p>
                    <p><button class="btn btn-sm btn-primary chwx" role="button">选择</button>&nbsp;<button class="btn btn-sm btn-danger cawx" role="button">取消</button></p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像" style="width: 80px;height: 80px;"/>
                <div class="caption">
                    <h4>皇上</h4>
                    <p>性别:男</p>
                    <p>地区:北京 西城</p>
                    <p><button class="btn btn-sm btn-primary chwx" role="button">选择</button>&nbsp;<button class="btn btn-sm btn-danger cawx" role="button">取消</button></p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
